Vue.component("gretting",{
	template:`
	<p>	
		{{name}}大家好，给大家介绍一下我的女朋友@关晓彤
		<button v-on:click="changName">modify name</button>
	</p>
	`,
	data:function(){
		return{
			name:"cici"
		}
	},
	methods:{
		changName:function(){
			this.name = "nobady"
		}
	}
})

var one=new Vue({
	el:"#vue_app1",    

});



var two=new Vue({
	el:"#vue_app2",    

});
/**
 * 模板的意思是所有的vue对象都可以用
 * 
 * 模板应该放在同一个根元素里面
 */
